<template>
	<view class="container">
		<view class="i_bg">
			  <view class="i_bg_tit">快速认领流程</view>
			1、在【未认领】门店列表里找到门店负责人或老板<br>
			2、讲解商家入驻好处，老板同意入驻<br>
			3、让老板扫你的推广码(未完成第2条，不得扫推荐码)<br>
			4、点击【认领门店】按钮，输入老板ID，查询，设为店主<br>
			5、老板已成为店主，需帮助老板完善让利等基本信息<br>
			6、让老板操作团购修改价格、设置让利、核销、添加店员、提现<br>
			【备注】如发现恶意认领门店者，公司有权撤回门店并作封号处理。
		</view>
		<view class="mp-search-box">
			<!-- #ifdef MP-WEIXIN -->
			<uni-icons type="back" size="18" @click="$navBack"></uni-icons>
			<!-- #endif -->
			<view class="locate" @click.stop="$navTo('/pages/shoplist/regionlist?city='+oldCity)">
				<text class="clamp">{{address}}</text>
				<text class="yticon icon-you"></text>
			</view>
			<view class="search">
				<uni-search-bar bgColor="#fff" v-model="keywords" radius="20" placeholder="搜索门店" clearButton="auto" cancelButton="none" @confirm="searchKeyword" @clear="searchKeyword('reset')"/>
			</view>
		</view>
		<view class="body">
			<view class="JcurSkill_wp" id="page_wp">
				<view class="nav_body" :class="{'nav_pos':isFixed}">
				<!-- 	<scroll-view class="nav_bar" :scroll-x="true" :scroll-into-view="viewindex">
						<view v-for="(item,index) in cateList" @click="navTap(item.id)" :key="item.id"  class="scroll-item">
							<text :class="{active:navIdx==item.id}">{{item.name}}</text>
						</view>
					</scroll-view> -->
					<view class="nav_menu">
						<view class="item" :class="{active:current==0}" @click="changeCur(0)">
							<text>未认领</text>
						</view>
						<view class="item" :class="{active:current==1}" @click="changeCur(1)">
							<text>已认领</text>
						</view>
					</view>
				</view>
				<view class="JcurSkill_lists">
					<view class="list" v-for="item in list" :key="item.uid" @click="$navTo('/pages/shoplist/shopgoods?id='+item.uid)">
						<!-- <view class="claim_clamp clamp" v-show="current==1">推店人：(12032)这是推荐人的昵称姓名昵称姓名昵称姓名</view> -->
						<!-- <view class="claim_clamp clamp" v-show="current==1">老板：(12032)这是老板的昵称姓名昵称姓名昵称姓名</view> -->
						<view class="jcur_item">
							<view class="logo">
								<image :src="item.logo"></image>
							</view>
							<view class="JcurSkill_list_cont">
								<view class="title">
									<view class="flex_title">
										<text>{{item.supname}}</text>
										<text class="icon" v-if="item.ispig==1">清真</text>
									</view>
								</view>
								<view class="label flex">
									<view class="other">
										<text class="gray">{{item.avgsale}}元/人</text>
										<!-- <text class="">{{item.browerNum}}人进店</text> -->
									</view>
									<view class="addre" @click.stop="openMap(item)">
										<image src="/static/index/dizhi.png" mode="widthFix"></image>
										<text>{{item.distance}}</text>
									</view>
								</view>
								<view class="label flex">
									<!-- <view class="other">已售{{item.orderNum}}单</view> -->
									<uni-icons type="phone-filled" size="22" @click.stop="phone(item.principalmobile)"></uni-icons>
									<view class="flex short_add">
										<view class="r_border" v-if="item.shorttitle!=''">{{item.shorttitle}}</view>
										<view class="s_tit">{{item.shortaddress}}</view>
									</view>
								</view>
								<view class="label flex">
									<view class="claim" v-show="current==0" @click.stop="claim(item.uid,1)">认领门店</view>
									<view class="claim" v-show="current==1" @click.stop="claim(item.uid,-1)">解除认领</view>
									<view class="claim" v-show="current==1" @click.stop="openBoss(item.uid)">绑定老板</view>
								</view>
								<!-- <view class="label flex">
									<view class="other">最高补贴<text class="aggravation">{{item.pdiscount}}%</text>现金</view>
								</view> -->
							</view>
						</view>
						<view class="img_list" v-if="item.goods.length>3">
							<view class="s_left">
								<view class="s_left_item">
									<view class="s_shu">
										<view>团</view>
										<view>购</view>
										<view>优</view>
										<view>惠</view>
									</view>
									<view class="s_more">></view>
								</view>
							</view>
							<scroll-view class="shop_list" scroll-x>
								<view class="item" v-for="it in item.goods" :key="it.id" @click.stop="$navTo('/pages/product/groupbuy?id='+it.id)">
									<view class="shop_img">
										<image :src="it.thumb" mode="widthFix"></image>
									</view>
									<view class="title">{{it.title}}</view>
									<view class="price"><text style="font-size: 14rpx;">￥</text>{{it.saleprice}}</view>
								</view>
							</scroll-view>
						</view>
						<view class="text_shop_list" v-if="item.goods.length>0&&item.goods.length<=3">
							<view class="text_shop_item" v-for="it in item.goods" @click.stop="$navTo('/pages/product/groupbuy?id='+it.id)">
								<view class="t_sheng">
									<text v-if="it.sparemoney>0">省￥{{Number(it.sparemoney)}}</text>
								</view>
								<text class="t_tag">团</text>
								<text class="t_new"><text class="pub_small">￥</text>{{it.saleprice}}</text>
								<text class="t_old">￥{{it.productprice}}</text>
								<view class="t_title clamp">
									<text class="">{{it.title}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="empty_loading">
						<image v-if="isloading" src="/static/business/loading.gif" ></image>
						<view v-if="ismore">到底了~</view>
					</view>
				</view>
			</view>
		</view>
		<uni-popup ref="boss_popup" type="dialog" background-color="#fff">
			<view class="boss_content">
				<view class="flex_between">
					<input type="number" v-model="merchid" placeholder="请输入老板ID">
					<view class="boss_search" @click="search">查询</view>
				</view>
				<view class="user_content" v-if="merchInfo.id">
					<image class="user_img" :src="merchInfo.avatar"></image>
					<view class="user_nickname">{{merchInfo.nickname}}</view>
					<view class="boss_search" @click="submit">设为店主</view>
				</view>
			</view>
		</uni-popup>
	</view>
</template>
<script>
	import {
		mapState
	} from 'vuex'
	export default {
		computed: {
			...mapState(['Location', ''])
		},
		data() {
			return {
				oldCity: '',
				city: '',
				address: '',
				mid: 0,
				meunIdx: 0,
				navIdx: 0,
				isFixed: false,
				cateList: [
					{id:0,name: '全部'}
				],
				list: [],
				page: 0,
				isloading: false,
				ismore: false,
				merchid: '',
				merchInfo: [],
				keywords: '',
				uid: 0,
				current: 0,
			};
		},
		async onLoad(options) {
			if (options.mid) {
				this.mid = options.mid;
			}
			uni.setStorageSync('mid', this.mid);
			if(!uni.getStorageSync('token')){
				this.getToken();
			}
			this.getLocation();
			await this.$onLaunched;
			this.getList();
			this.getCity();
			uni.$on('cityChange', res =>
			{
				this.city = res.city;
				this.address = res.city;
				this.page = 0;
				this.list = [];
				this.getList();
			})
		},
		onReachBottom() {
			this.getList();
		},
		onPageScroll() {
			let that = this;
			let query = uni.createSelectorQuery().in(that);
			query.select('#page_wp').boundingClientRect(data => {
				that.isFixed = data.top <= 57 ? true : false;
			}).exec();
		},
		methods: {
			openBoss(id){
				this.uid = id;
				this.merchid = '';
				this.merchInfo = [];
				this.$refs.boss_popup.open();
			},
			claim(uid,status){
				this.$axios('mtsupplier/checksup','POST','member',{
					uid: uid,
					status: status,
				}).then(res=>{
					if(res.data.code == 200){
						this.$api.msg(res.data.data);
					}
				})
			},
			submit(){
				if(!this.merchInfo.id){
					return this.$api.msg('请先查询确认老板信息！')
				}
				this.$axios('mtsupplier/bindSupmid','POST','member',{
					uid: this.uid,
					mid: this.merchInfo.id
				}).then(res=>{
					if(res.data.code == 200){
						this.$api.msg(res.data.data);
					}
				})
			},
			// 查询
			search(){
				this.merchInfo = [];
				if(this.merchid=='') return this.$api.msg('请输入老板ID');
				this.$axios('mtsupplier/searchmember','POST','member',{
					mid: this.merchid
				}).then(res=>{
					if(res.data.code == 200){
						this.merchInfo = res.data.data;
					}
				})
			},
			changeCur(e) {
				if (e === this.current) return;
				this.current = e;
				this.page = 0;
				this.list = [];
				this.getList();
			},
			navTap(e) {
				if (e === this.navIdx) return;
				this.navIdx = e;
				this.page = 0;
				this.list = [];
				this.getList();
			},
			searchKeyword(data){
				if(data=='reset'){
					this.keywords = '';
				}
				this.page = 0;
				this.list = [];
				this.getList();
			},
			getList() {
				this.page++;
				let dataObj = {
					// city: this.city,
					// cate: this.navIdx,
					// orderby: this.meunIdx,
					page: this.page,
					keywords: this.keywords,
					type: this.current
				}
				let obj = {
					...dataObj,
					...this.Location
				};
				this.isloading = true;
				this.ismore = false;
				// this.$axios('o2o/getNearby', 'POST', 'shop', obj).then(res => {
				this.$axios('mtsupplier/lists', 'POST', 'member', obj).then(res => {
					this.isloading = false;
					if (res.data.code == 200) {
						this.list = [...this.list, ...res.data.data.list];
						this.ismore = res.data.data.list.length <= 0;
						console.log(this.list)
					}
				})
			},
			getCateList() {
				this.$axios('o2o/cate', 'POST', 'shop').then(res => {
					if (res.data.code == 200) {
						this.cateList = [...this.cateList, ...res.data.data];
						this.getList();
					}
				})
			},
			phone(e){
				uni.makePhoneCall({
					phoneNumber: e
				})
			},
			openMap(v) {
				let that = this;
				uni.openLocation({
					latitude: parseFloat(v.y),
					longitude: parseFloat(v.x),
					scale: 15,
					name: v.shorttitle,
					address: v.supaddress,
				});
			},
			getLocation(){
				let that = this;
				/* #ifdef MP-WEIXIN */
				uni.startLocationUpdateBackground({
					type: 'gcj02',
					success() {
						uni.onLocationChange(function(res) {
							console.log('成功',res)
							that.$store.commit('upLocation', {
								x: res.longitude,
								y: res.latitude
							})
							uni.setStorageSync('x',res.longitude);
							uni.setStorageSync('y',res.latitude);
							// that.getInfo();
							that.$isResolve();
						});
					},
					fail(err) {
						uni.startLocationUpdate({
							success: res => {
								uni.onLocationChange(function(res) {
									console.log('失败',res)
									that.$store.commit('upLocation', {
										x: res.longitude,
										y: res.latitude
									})
									uni.setStorageSync('x',res.longitude);
									uni.setStorageSync('y',res.latitude);
									// that.getInfo();
									that.$isResolve();
								});
							},
							fail: err => {
								that.$isResolve();
							}
						});
					}
				});
				/*#endif*/
				/* #ifdef MP-ALIPAY */
				uni.getLocation({
					type: '0',
					success:res=> {
						console.log('成功',res)
						that.$store.commit('upLocation', {
							x: res.longitude,
							y: res.latitude
						})
						uni.setStorageSync('x',res.longitude);
						uni.setStorageSync('y',res.latitude);
						that.$isResolve();
					}
				});
				/* #endif */
			},
			getToken(){
				// #ifdef MP-WEIXIN
				uni.login({
					provider: 'weixin',
					success: loginRes=> {
						this.$axios('login/autologin','POST','member',{
							mid: this.mid,
							code: loginRes.code
						}).then(res=>{
							if(res.data.code == 200){
								uni.setStorageSync('token', res.data.data);
								uni.setStorageSync('Jh_recotabshops', 1);
							}
						})
					}
				})
				// #endif
				// #ifdef MP-ALIPAY
				my.getAuthCode({
				    scopes: 'auth_base',
				    success: res => {
						this.$axios('login/autologinAliPay','POST','member',{
							mid: this.mid,
							code: res.authCode
						}).then(res=>{
							if(res.data.code == 200){
								uni.setStorageSync('token', res.data.data);
								uni.setStorageSync('Jh_recotabshops', 1);
							}
						})
					}
				})
				// #endif
			},
			getUserInfo(){
				this.$axios('Center/main', "POST", 'member').then(res => {
					if (res.data.code == 200) {
						this.$store.commit('uplevel', res.data.data.levelname);
						uni.setStorageSync('level',res.data.data.levelname);
						if (res.data.data.isopenavatar){ 
							this.isInfo = false; 
						}else{
							this.isInfo = true;
						}
					}
				})
			},
			getCity() {
				this.$axios('o2o/curAddress', 'POST', 'shop', this.Location).then(res => {
					if (res.data.code == 200) {
						this.city = res.data.data.city;
						this.oldCity = res.data.data.city;
						this.address = res.data.data.address;
					}
				})
			}
		},
	}
</script>
<style lang="scss">
	page{
		background: #FBF8FE;
	}
	.container{
		background: #FBF8FE;
		padding-bottom: 60rpx;
	}
	.i_bg{
		width: 100%;
		background: #cc5050;
		color: #f1e49e;
		padding: 0 30rpx;
		padding-top: calc(var(--status-bar-height) + 136rpx);
		font-size: 26rpx;
		// font-weight: bold;
		line-height: 42rpx;
		padding-bottom: 70rpx;
		// #ifdef MP-ALIPAY
		padding-top: 136rpx;
		// #endif
		.i_bg_tit{
			text-align: center;
			font-size: 30rpx;
			margin-bottom: 10rpx;
		}
	}
	.mp-search-box {
		color: #fff;
		position: fixed;
		left: 0;
		top: 0;
		padding: calc(var(--status-bar-height) + 40rpx) 20rpx 10rpx;
		display: flex;
		align-items: center;
		width: 100%;
		z-index: 98;
		background-size: 100%;
		color: #333333;
		background: #cc5050;
		// #ifdef MP-ALIPAY
		padding-top: 20rpx;
		// #endif
		.locate {
			font-size: 30upx;
			display: flex;
			max-width: calc(100% - 550rpx);
			.icon-you {
				display: inline-block;
				transform: rotateZ(90deg);
			}
		}

		.search {
			color: #909399;
			display: flex;
			align-items: center;
			font-size: 28rpx;
			margin: 0 10rpx;
			padding: 0 10rpx;
			width: 320rpx;
			.uni-searchbar{
				width: 320rpx;
				padding: 0;
			}
			.uni-searchbar__box{
				justify-content: flex-start;
			}
		}

		.icon-saomiao {
			font-size: 50upx;
		}
	}
	.body {
		position: relative;
		z-index: 97;
		padding: 20rpx;
		margin-top: -80rpx;
	}

	.JcurSkill_wp {
		position: relative;
		// 活动
		background: #f8f8fe;
	    margin-left: -20rpx;
	    margin-right: -20rpx;
	    padding: 4rpx 20rpx;	
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		margin-top: 20rpx;
	}
	
	.nav_pos {
		box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
		background: #f8f8fe;
		position: fixed;
		top: 0;
		padding-top: calc(var(--status-bar-height) + 115rpx);
		width: 100%;
		z-index: 900;
		margin-left: -20rpx;
		margin-right: -20rpx;
		padding-left: 20rpx;
		padding-right: 20rpx;
		padding-bottom: 20rpx;
	}
	.nav_body{
		margin-top: 24rpx;
	}
	.nav_bar {
		width: 100%;
		white-space: nowrap;
		.scroll-item{
			display: inline-block;
		}
		text {
			display: inline-block;
			font-size: 32rpx;
			margin-right: 40rpx;
			position: relative;
			color: #999999;
		}
	
		.active {
			font-weight: bold;
			font-size: 32rpx;
			color: #333333;
		}
	
		.active::after {
			content: '';
			position: absolute;
			left: 50%;
			bottom: 2upx;
			transform: translateX(-50%);
			width: 100%;
			height: 8rpx;
			background: linear-gradient( 90deg, #BB2FF2 0%, #8615E1 100%);
			border-radius: 4rpx;
			opacity: .8;
		}
	}
	
	.nav_menu {
		display: flex;
		justify-content: center;
		margin-top: 16rpx;
		.item {
			padding: 10rpx 0;
			text-align: center;
			width: 48%;
			font-size: 28rpx;
			color: #999999;
			background: #FFFFFF;
			border-radius: 8rpx;
			margin: 0 30rpx;
			box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
			.icon-sanjiaoxia {
				color: #C0C4CC;
				font-size: 24upx;
			}
		}
		.item2{
			width: 23%;
			font-size: 26rpx;
		}
	
		.active {
			color: $bg-color;
			.icon-sanjiaoxia {
				color: $bg-color;
			}
		}
	}
	
	.JcurSkill_lists {
		color: #303133;
		padding: 20rpx 0;
	}
	
	.list {
		background: #fff;
		border-radius: 12px;
		margin: 0 0 20rpx;
		padding-top: 10rpx;
		box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
		.claim_clamp{
			padding: 6rpx 20rpx 0;
			font-size: 24rpx;
		}
		.claim{
			width: 186rpx;
			line-height: 46rpx;
			background: linear-gradient( 90deg, #A350E8 0%, #4E07A9 100%);
			border-radius: 8rpx;
			color: #FFFFFF;
			text-align: center;
			font-size: 24rpx;
			// margin: 14rpx 0 0 20rpx;
		}
		.jcur_item {
			display: flex;
			align-items: center;
			padding: 20rpx 20rpx 20rpx;
			.logo{
				position: relative;
				height: 186rpx;
				width: 186rpx;
				image {
					width: 100%;
					height: 100%;
					border-radius: 10upx;
					display: block;
				}
				.tag{
					position: absolute;
					background: linear-gradient( 90deg, #BB2FF2 0%, #8615E1 100%);
					color: #fff;
					font-size: 20rpx;
					right: 0;
					top: 0;
					text-align: center;
					width: 60rpx;
					height: 30rpx;
					line-height: 30rpx;
					border-radius: 2rpx 12rpx 0rpx 4rpx;
				}
				.shareprice{
					position: absolute;
					bottom: 0;
					left: 0;
					background: rgba(#000,.5);
					color: #fff;
					font-size: 18rpx;
					padding: 0 8rpx;
					border-bottom-left-radius: 15rpx;
					border-top-right-radius: 8rpx;
				}
			}
			
		}
	}
	
	.JcurSkill_list_cont {
		width: calc(100% - 186rpx);
		padding-left: 20rpx;
		.flex_title{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.title {
			color: #333;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			line-height: 45upx;
			font-size: 32rpx;
			font-weight: bold;
	
			.icon {
				border: 2rpx #039140 solid;
				border-radius: 4upx;
				font-size: 20rpx;
				line-height: 26rpx;
				color: #039140;
				margin-right: 10rpx;
				padding: 0 6rpx;
			}
			.icon1{
				border: 1px $bg-color solid;
				border-radius: 4upx;
				background: $bg-color;
				font-size: 24rpx;
				line-height: 38rpx;
				padding: 0 6rpx;
				border-radius: 6upx;
				color: #fff;
				margin-right: 5rpx;
				height: 40rpx;
			}
		}
		.flex{
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.label {
			font-size: 28upx;
			color: #303133;
			margin-top: 8rpx;
			white-space: nowrap;
			.info{
				display: flex;
				color: #999999;
				font-size: 24rpx;
				align-items: center;
				view{
					margin-right: 24rpx;
				}
				.disNum{
					font-size: 26rpx;
					color: #8615E1;
					font-weight: 600;
					text{
						font-size: 20rpx;
						font-weight: 400;
					}
				}
				.dis{
					width: 98rpx;
					height: 38rpx;
					background: linear-gradient( 270deg, #8816E1 0%, #B92DF1 100%);
					border-radius: 8rpx;
					font-size: 20rpx;
					text-align: center;
					line-height: 38rpx;
					color: #FFFFFF;
					margin-right: 14rpx;
				}
				.vip_zhekou{
					position: relative;
					margin-right: 10rpx;
					font-size: 26rpx;
					width: 128rpx;
					image{
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 34rpx;
					}
					view{
						color: #FFF4CD;
						font-weight: 600;
						position: relative;
						padding-left: 38rpx;
						line-height: 34rpx;
						width: 100%;
						text-align: center;
						text{
							font-size: 20rpx;
							font-weight: 400;
							padding: 0;
						}
					}
				}
			}
			.short_add{
				color: #999999;
				font-size: 24rpx;
				.r_border{
					position: relative;
					padding-right: 14rpx;
				}
				.r_border:after {
					position: absolute;
					content: '';
					border-right: 1px #999999 solid;
					top: 50%;
					right: 0;
					height: 22rpx;
					transform: translateY(-50%);
				}
				.s_tit{
					margin-left: 10rpx;
				}
			}
			.addre{
				font-size: 24rpx;
				color: #333333;
				display: flex;
				align-items: center;
				image{
					width: 14rpx;
					margin-right: 4rpx;
				}
			}
			.other{
				display: flex;
				font-size: 24rpx;
				color: #999999;
				.gray{
					margin-right: 30rpx;
				}
			}
			.orderBuy{
				width: 140rpx;
				line-height: 46rpx;
				background: linear-gradient( 90deg, #A350E8 0%, #4E07A9 100%);
				border-radius: 8rpx;
				color: #FFFFFF;
				text-align: center;
				font-size: 24rpx;
			}
		}
	}
	
	.price{
		.reco_goods{
			width: 65%;
			.swiper_goods {
				height: 32rpx;
				padding-top: 4rpx;
				font-size: 20rpx;
				.swiper-item-goods {
					color: #45b0e6;
					display: flex;
					align-items: center;
					image{
						width: 20rpx;
						margin-right: 10rpx;
					}
					.clamp{
						width: 70%;
					}
					text:nth-child(3){
						color: #d40520;
						padding: 0 5rpx;
					}
					text:nth-child(4){
						color: #7d7979;
						text-decoration: line-through;
						font-size: 22rpx;
					}
				}
			}
		}
	}
	.img_list{
		display: flex;
		justify-content: space-between;
		margin-top: -8rpx;
		padding: 0 20rpx 16rpx 20rpx;
		.s_left{
			width: 186rpx;
			display: flex;
			justify-content: flex-end;
		}
		.s_left_item{
			width: 62rpx;
			height: 134rpx;
			background: linear-gradient( 180deg, #BB2EF2 0%, #8716E1 100%);
			border-radius: 12rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.s_shu{
			color: #FFFFFF;
			font-size: 18rpx;
			line-height: 1.4;
			margin-bottom: 6rpx;
			margin-top: -4rpx;
		}
		.s_more{
			width: 18rpx;
			height: 18rpx;
			line-height: 18rpx;
			background: #fff;
			color: #8716E1;
			font-size: 12rpx;
			text-align: center;
			border-radius: 50%;
		}
	}
	.shop_list {
		width: calc(100% - 186rpx);
		padding: 0 0 0 20upx;
		white-space: nowrap;
		.item {
			display: inline-block;
			position: relative;
			width: 116rpx;
			margin-right: 10rpx;
			.shop_img{
				width: 100%;
				height: 84rpx;
				display: flex;
				align-items: center;
				border-radius: 8rpx;
				overflow: hidden;
				margin-bottom: 6rpx;
				image {
					width: 100%;
				}
			}
			.title {
				color: #333333;
				overflow: hidden;
				font-size: 20upx;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 100%;
			}
			.price {
				color: #333333;
				font-size: 20rpx;
			}
			.tag{
				color: #fff;
				background: #0c8918;
				padding: 0 6rpx;
				border-radius: 10rpx;
				position: absolute;
				top: 0;
				right: 0;
				font-size: 24rpx;
				text-align: center;
				transform: scale(1);
			}
		}
	
	}
	.text_shop_list{
		padding: 0 20rpx 10rpx 20rpx;
		margin-top: -14rpx;
		.text_shop_item{
		    display: flex;
		    align-items: center;
			padding-bottom: 10rpx;
			.t_sheng{
				width: 186rpx;
				text-align: right;
				font-size: 20rpx;
				text{
					color: #8615E1;
					background: #F0E1FF;
					border-radius: 8rpx;
					padding: 0 4rpx;
					white-space: nowrap;
				}
			}
			.t_tag{
				margin-left: 20rpx;
				color: #8615E1;
			    background: #F0E1FF;
			    padding: 2rpx 6rpx;
			    border-radius: 8rpx;
			    font-size: 20rpx;
			    text-align: center;
			}
			.t_new{
				color: #AF141D;
			    font-size: 28rpx;
			    // font-weight: bold;	
				white-space: nowrap;
			}
			.t_old{
				color: #999;
				text-decoration: line-through;
			    font-size: 18rpx;
				margin-left: 8rpx;
				white-space: nowrap;
			}
			.t_title{
				flex: 1;
				margin-left: 10rpx;
				font-size: 24rpx;
			}
		}
	}
	.boss_content{
		padding: 80rpx 40rpx;
		width: 600rpx;
		input{
			width: 72%;
			border: 2rpx solid #eee;
			border-radius: 10rpx;
			padding: 0 10rpx;
			height: 70rpx;
		}
		.boss_search{
			background: $bg-color;
			color: #fff;
			padding: 10rpx 30rpx;
			border-radius: 12rpx;
			font-size: 28rpx;
		}
		.user_content{
			margin-top: 20rpx;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			.user_img{
				width: 120rpx;
				height: 120rpx;
				border-radius: 8rpx;
			}
			.user_nickname{
				width: calc(100% - 120rpx);
				color: #999;
				padding-left: 20rpx;
			}
			.boss_search{
				margin: 0 auto;
				margin-top: 30rpx;
			}
		}
	}
</style>